<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:comps="http://java.sun.com/jsf/composite/comps"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" >

    <body>

        <ui:composition template="./../../resources/templates/newTemplate.xhtml">

            <ui:define name="left">
                <comps:pubPanel />
            </ui:define>

            <ui:define name="principal">

                <h:outputScript library="javascript" name="timePicker.js" />

                <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
                <p:dialog modal="true" widgetVar="statusDialog" header="Espere por favor..." 
                          draggable="false" closable="false" resizable="false" >
                    <p:graphicImage value="#{resource['images:ajaxLoadingBar.gif']}" />
                </p:dialog>

                <h:form>

                    <h:panelGrid columns="1" style="text-align: center" >

                        <f:facet name="header" >
                            <h1>Registrar Publicidad</h1>
                        </f:facet>
                        <p:fieldset legend="Datos" styleClass="fieldset" >
                            <h:panelGrid columns="4" columnClasses="labelColumn" >

                                <h:outputLabel value="Título" />
                                <p:inputText id="titulo" value="#{publicidadBean.titulo}" 
                                             required="true" requiredMessage="Valor requerido" />
                                <p:message for="titulo" />
                                <p/>

                                <h:outputLabel value="URL" />
                                <p:inputText id="url" value="#{publicidadBean.url}" />
                                <p:message for="url" />
                                <p/>
                                <h:outputLabel value="Descripción" />
                                <p:inputText id="caption" value="#{publicidadBean.caption}" />
                                <p:message for="caption" />
                                <p/>

                                <h:outputLabel value="Duración" />
                                <h:selectOneMenu id="duracion" value="#{publicidadBean.duracionSeleccionada}" 
                                                 required="true" requiredMessage="Valor requerido" >
                                    <f:selectItem itemLabel="Seleccione una duración" />
                                    <f:selectItems value="#{publicidadBean.duraciones}" />
                                    <p:ajax event="change" update="precio" listener="#{publicidadBean.duracionCambio}" />
                                </h:selectOneMenu>
                                <p:message for="duracion" />
                                <p/>

                                <h:outputLabel value="Ubicación" />
                                <h:selectOneMenu id="ubicacion" value="#{publicidadBean.ubicacionSeleccionada}"
                                                 required="true" requiredMessage="Valor requerido" >
                                    <f:selectItem itemLabel="Seleccione una ubicación" />
                                    <f:selectItems value="#{publicidadBean.ubicaciones}" />
                                    <p:ajax event="change" update="fecha script precio label" listener="#{publicidadBean.ubicacionCambio}" />
                                </h:selectOneMenu>
                                <p:message for="ubicacion" />
                                <p/>

                                <h:outputLabel value="Precio:" />
                                <p:outputPanel id="precio" >
                                    <h:outputText value="$ #{publicidadBean.precio}"
                                                  rendered="#{not empty publicidadBean.precio}"/>
                                    <h:outputText value="-" 
                                                  rendered="#{empty publicidadBean.precio}"/>
                                </p:outputPanel>
                                <p:message for="precio" />
                                <p/>

                                <h:outputLabel value="Fecha desde" />
                                <p:calendar id="fecha" value="#{publicidadBean.fechaDesde}" 
                                            pattern="dd/MM/yyyy" locale="es" showOn="button"
                                            required="true" requiredMessage="Valor requerido" />
                                <p:message for="fecha" />
                                <p/>
                            </h:panelGrid>
                        </p:fieldset>

                        <p:fieldset legend="Imagen" styleClass="fieldset" style="margin-bottom: 10px" >
                            <p:fileUpload id="imagen" widgetVar="uploader" label="Seleccionar" required="true" 
                                          uploadLabel="Subir" cancelLabel="Cancelar"
                                          fileUploadListener="#{publicidadBean.handleFileUpload}"
                                          allowTypes="/(\.|\/)(gif|jpe?g|png)$/" 
                                          mode="advanced" multiple="false" auto="true" 
                                          invalidFileMessage="Archivo inválido"
                                          requiredMessage="Debe subir una imagen"  />
                            <h:outputLabel id="label" value="#{publicidadBean.label}" style="font-size: 10px" />
                            <p:message for="imagen" />
                        </p:fieldset>

                        <f:facet name="footer" >
                            <ui:remove>
                                <p:commandButton value="Pagar ya!" ajax="false"
                                                 action="#{publicidadBean.registrarPublicidadInmediatamente}" />
                                <p:commandLink actionListener="#{publicidadBean.registrarPublicidad}" update="growl">
                                    <h:graphicImage value="#{resource['images:pagoPaypal.gif']}" />
                                </p:commandLink>
                            </ui:remove>
                            <p:commandButton value="Aceptar" update="@form" actionListener="#{publicidadBean.validarImagen}" />
                            <p:button value="Cancelar" outcome="/vistas/pub/misPublicidades" style="margin-left: 10px" />
                        </f:facet>
                    </h:panelGrid>

                    <p:dialog widgetVar="metodoPagoDlg" header="Seleccione método de pago" modal="true" resizable="false" >
                        <ui:remove>
                            <p:commandLink title="Paypal" actionListener="#{publicidadBean.registrarPublicidad}" 
                                           styleClass="btnMetodoPago" update="growl" >
                                <h:graphicImage value="#{resource['images:botonPaypal.jpg']}" height="114" />
                            </p:commandLink>
                        </ui:remove>
                        <a href="http://www.mercadopago.com.ar" title="Mercado pago"
                           class="btnMetodoPago" >
                            <h:graphicImage value="#{resource['images:boton-mercadopago.jpg']}" height="114" />
                        </a>
                        <p:commandLink title="DineroMail" actionListener="#{publicidadBean.registrarPublicidadDm}" 
                                       styleClass="btnMetodoPago" update=":dm growl" oncomplete="submitForm(xhr, status, args)" >
                            <h:graphicImage value="#{resource['images:botonDineromail.jpg']}" />
                        </p:commandLink>
                        <p:commandLink title="Dineromail Inmediato" actionListener="#{publicidadBean.registrarPublicidadInmediatamente}" 
                                       onclick="window.open('pagarPublicidadDm.png')" update="growl" styleClass="btnMetodoPago">
                            <h:graphicImage value="#{resource['images:botonDineromail-inmediato.jpg']}" />
                        </p:commandLink>
                    </p:dialog>                    

                    <p:growl id="growl" showDetail="true" globalOnly="true" />

                    <p:outputPanel id="script" >
                        <script type="text/javascript" >
                            jQuery(function () {
                                window.setTimeout('bindEventsHighlights()',500);
                            });

                            function bindEventsHighlights() {
                                var specialDays = <h:outputText value="#{publicidadBean.fechas}" /> ;
                                jQuery(".hasDatepicker").datepicker("option", "beforeShowDay", function (date) {
                                    return highlightCalendar(specialDays, date, 'highlight-calendar');
                                });
                            };
                        </script>
                    </p:outputPanel>

                </h:form>

                <p:outputPanel id="dm" >
                    <form id="dmForm" action='https://argentina.dineromail.com/Shop/Shop_Ingreso.asp' method='post'>
                        <input type='hidden' name='NombreItem' value='#{publicidadBean.descripcion}'/>
                        <input type='hidden' name='TipoMoneda' value='1'/>
                        <input type='hidden' name='PrecioItem' value='#{publicidadBean.precio}'/>
                        <input type='hidden' name='E_Comercio' value='2421574'/>
                        <input type='hidden' name='NroItem' value='#{publicidadBean.pagoId}'/>
                        <input type='hidden' name='DireccionExito' value='http://localhost.com:8080/AlquilaCosas-war/vistas/pub/misPublicidades.jsf'/>
                        <input type='hidden' name='DireccionFracaso' value='http://localhost.com:8080/AlquilaCosas-war/vistas/pub/misPublicidades.jsf'/>
                        <input type='hidden' name='DireccionEnvio' value='0'/>
                        <input type='hidden' name='Mensaje' value='0'/>
                        <input type='hidden' name='MediosPago' value='4,2,7,13'/>
                    </form>
                </p:outputPanel>

            </ui:define>

        </ui:composition>

    </body>
</html>
